<template>
  <div class="hello">
    <div class="now-date">{{ dateFormat(nowDate, 'yyyy年MM月dd日') }}</div>
    <div v-for="cityrow in cityList" :key="cityrow.index">
      <div v-for="city in cityrow" :key="city.id">
        {{city.name}}
      </div>
    </div>
  </div>
</template>

<script>
import { dateFormat } from '@/util/lobal'

export default {
  name: 'HelloWorld',
  data () {
    return {
      nowDate: new Date(-127490141143000),
      dateFormat: dateFormat,
      cityList: window.cityList
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
